<html>
    <head>
        <link rel="shortcut icon" href="{{ url_for('static', filename='logo.png') }}">

        <meta name="code-stutio" content="code-123" />
    </head>
    <meta charset="utf-8">
    <title>AMR配置页面</title>
    <style>
.a {
  background-color: #8F1930;
    color:white;
    text-align:center;
    padding:5px;
}
.b {
  overflow: hidden;
  color:#f2f2f2;
  background-color: rgb(72,72,72);
}
 

.b a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 

.b a:hover {
  background-color: #ddd;
  color: black;
}

  
  
.f {
  overflow: hidden;
  color:#f2f2f2;
  background-color: gray;
  height:740px;
  text-align:center;
    width:188px;
    float:right;
}
 

.f a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 70px;
  text-decoration: none;
}
 

.f a:hover {
  background-color: #ddd;
  color: black;
}

.c {
    line-height:30px;
    background-color:gray;
    color:white;
    height:700px;
    width:104px;
    float:left;
    padding:20px;          
}
.d {
    float:left;
    padding:0px;   
	position:relative;
	left: 10%;
	top: 5%;
}

.robot_config {
    float:left;
    padding:100px;   
	position:relative;
}

.e {
    background-color:rgb(40,40,40);
    color:rgb(200,200,200);
    clear:both;
    text-align:center;
   padding:1px;          
}
.e a {
  color: rgb(200,200,200);
  padding: 0px 0px;
  text-decoration: none;
}
.e a:hover {
  color: rgb(250,250,250);
}



body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
.main {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid red;
	width: 70%;
	column-count: 3;
	/* column-width: 300px; */
	column-gap: 20px;
	column-rule: 4px dotted rgb(79, 185, 227);
}

.card {
	/* 下面这两句用于防止折断 */
	break-inside: avoid;
	page-break-inside: avoid;
	background-color: rgb(207, 232, 220);
	border: 2px solid rgb(79, 185, 227);
	padding: 10px;
	margin: 0 0 5px 0;
}
</style>
    </head>

    <body>


        <div class="a">
            <div id="box" style="opacity: 1;">
                <h1>AMR配置页面</h1>
            </div>

        </div>


        </div>


        <div class="d">
            <!-- 恢复ROS固件初始化 -->
            <div style='height:30px; color: #8F1930'>
				<h2>更新机器人固件</h2>
                <hr>
                <form action="/initialization_ros_firmware" method="POST"
                      enctype="multipart/form-data">
                    <div style='height:30px'>
                        <span style='display:inline-block;margin-right:5px'>恢复ROS固件初始化:</span>
                    </div>
                    <input type="submit" value="恢复初始化" />
                </form>

                <!-- 上传ROS固件 -->
                <div style='height:30px'>
                    <hr>
                </div>
                <form action="/upload_ros_firmware" method="POST"
                      enctype="multipart/form-data">
                    <div style='height:30px'>
                        <span style='display:inline-block;margin-right:5px'>上传ROS固件:</span>
                        <input type="file" name="file" accept=".tar.gz" />
                    </div>
                    <input type="submit" value="更新" />
                </form>

                <!-- 上传驱动板固件 -->
                <div style='height:30px'>
                    <hr>
                </div>
                <form action="/upload_drive_firmware" method="POST"
                      enctype="multipart/form-data">
                    <div style='height:30px'>
                        <span style='display:inline-block;margin-right:5px'>上传驱动板固件:</span>
                        <input type="file" name="file" accept=".tar.gz" />
                    </div>
                    <input type="submit" value="更新" />
                </form>


                <!-- 重启机器人 -->
                <div style='height:30px'>
                    <hr>
                </div>
                <form action="/restart_robot" method="POST"
                      enctype="multipart/form-data">
                    <div >
                        <span style='display:inline-block;margin-right:5px'>重启机器人</span>
							<p>
							<input type="radio" value="1" name="mode"/>硬重启
							<input type="radio" value="2" name="mode"/>软重启
							<input type="radio" value="3" name="mode"/>重启传感器
							</p>
						<p>
						<input type="submit" value="确定" />
                    </div>
                </form>

                <p></p>
                    <h2>更新机器人配置</h2>
                    <!-- 上传地图列表 -->
                    <div style='height:30px'>
                        <hr>
                    </div>
                    <form action="/upload_map_list" method="POST"
                          enctype="multipart/form-data">
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>上传地图列表:</span>
                            <input type="file" multiple="" name="file" accept=".pgm,.png,.yaml,.json" />
                        </div>
                        <input type="submit" value="上传" />
                    </form>

                    <!-- 上传音乐列表 -->
                    <div style='height:30px'>
                        <hr>
                    </div>
                    <form action="/upload_music_list" method="POST"
                          enctype="multipart/form-data">
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>上传音乐列表:</span>
                            <input type="file" multiple="" name="file" accept=".mp3,.wav" />
                        </div>
                        <input type="submit" value="上传" />
                    </form>

                    <!-- 恢复ros_config.yaml初始化 -->
                    <div style='height:30px'>
                        <hr>
                        <form action="/initialization_ros_config" method="POST"
                              enctype="multipart/form-data">
                            <div style='height:30px'>
                                <span style='display:inline-block;margin-right:5px'>恢复ros_config.yaml初始化:</span>
                            </div>
                            <input type="submit" value="恢复初始化" />
                        </form>


                    <!-- 下载ros_config.yaml -->
                    <div style='height:30px'>
                        <hr>
                    </div>
                    <form action="/download_ros_config" method="GET"
                          enctype="multipart/form-data">
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>下载ros_config.yaml:</span>
                        </div>
                        <input type="submit" value="下载" />
                    </form>

					<!-- 更新ros_config.yaml -->
					<div style='height:30px'>
						<hr>
					</div>
					<form action="/upload_ros_config" method="POST"
						  enctype="multipart/form-data">
						<div style='height:30px'>
							<span style='display:inline-block;margin-right:5px'>上传ros_config.yaml:</span>
							<input type="file" name="file" accept=".yaml" />
						</div>
						<input type="submit" value="更新" />
					</form>

                        <!-- 查看参数配置表 -->
                        <div style='height:30px'>
                            <hr>
                        </div>
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>查看参数配置表:</span>
                            <a href="/view_configure">参数配置表</a>

                        </div>

                        <h2>地图管理配置</h2>
                        <!-- 查看SLAM地图 -->
                        <div style='height:30px'>
                            <hr>
                        </div>
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>查看SLAM地图:</span>
                            <a href="/slam_map">查看SLAM地图</a>

                        </div>

                        <!-- 操作当前地图 -->
                        <div style='height:30px'>
                            <hr>
                        </div>
                        <div style='height:30px'>
                            <span style='display:inline-block;margin-right:5px'>操作当前地图:</span>
                            <a href="/map_manager">操作当前地图</a>

                        </div>

    </body>
</html>